<template>
    <div class="demo">
        <h1>{{msg}}</h1>
        <h2>学生名称: {{name}}</h2>
        <h2>年龄: {{age}}</h2>
        <h2>性别: {{gender}}</h2>
    </div>
</template>

<script>

    export default {
        name: 'StudentComponent',
        data() { 
            return {
                msg: "学生信息",
                name: '清华大学', //固定数据, 支持用标签的地方传参
                age: 18,
                gender: '男'
            }
        }
    }    
</script>

<style scoped>
    .demo {
        border: 1px solid red;
        padding: 10px;
        margin: 10px;
    }
</style>